<template>
	<div class="app">
		<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
		<van-swipe-item><img src="../assets/imgs/goods-logo/goodslunbo1.jpg" alt=""></van-swipe-item>
		<van-swipe-item><img src="../assets/imgs/goods-logo/goodslunbo2.jpg" alt=""></van-swipe-item>
		<van-swipe-item><img src="../assets/imgs/goods-logo/goodslunbo3.jpg" alt=""></van-swipe-item>
		<van-swipe-item><img src="../assets/imgs/goods-logo/goodslunbo4.jpg" alt=""></van-swipe-item>
		</van-swipe>
	</div>
</template>

<script>
	export default {
		name: "Carousel",
		data: function() {
			return {
				
			}
		},
	}
</script>

<style scoped>
	.app {
		width: 100%;
		background-color: #0077AA;
		overflow: hidden;
	}
	.my-swipe{
		width: 100%;
		overflow: hidden;
	}
	.my-swipe .van-swipe-item {
		width: 100%;
		overflow: hidden;
		float: left;
	}
	.app .van-swipe-item img {
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
</style>
